<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" href="css/video-js.min.css">
		<link rel="stylesheet" href="css/newbase.css">
		<link rel="stylesheet" href="css/newstyle.css">
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" href="css/homeball.css">
		<script type="text/javascript" async="" src="http://cpro.baidu.com/cpro/ui/rt.js"></script>
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
		<script type="text/javascript" src="js/newlayer/layer.js"></script>

		<script type="text/javascript" src="js/map/echarts.js"></script>
		<script type="text/javascript" src="js/newbase.js"></script>
		<script type="text/javascript" src="js/newLib.js"></script>
		<script type="text/javascript" src="js/newfun.js"></script>

		<script type="text/javascript">
			$(document).ready(function(){
				$("#homeChoiceHelpMethod").children().click(function(){
					$("#homeChoiceHelpMethod").children().removeClass("homeBannerActived");
					$(this).addClass("homeBannerActived");
					var val = $(this).children().text();
					switch(val){
						case "帮我买":
							$("#homeNextStep").attr("href","buy.html");
							$(".slideBlock").css("left","24px");
						break;
						case "帮我送":
							$("#homeNextStep").attr("href","Send.html");
							$(".slideBlock").css("left","174px");
						break;
						case "帮我取":
							$("#homeNextStep").attr("href","Take.html");
							$(".slideBlock").css("left","324px");
						break;
						case "代排队":
							$("#homeNextStep").attr("href","TakeOrder.html");
							$(".slideBlock").css("left","474px");
						break;
					}
				});
			});
		</script>
	</head>
	<body>
		<div class="navigation animated">
			<script type="text/javascript" src="https://api.map.baidu.com/api?ak=dZjnRr2t8nBpGswyCB731AFD&v=2.0&s=1"></script>
			<div id="allmap" style="display:none;"></div>
			<div class="nav-wrap">
				<h1 class="logo">
            		<a href="javascript:;"><img src="images/UU-logo.png" alt="uu-logo" height="75px"></a>
        		</h1>
				<div class="nav">
					<ul class="nav-list clearfix">
						<li class="active">
							<a href="index.html" title="首页">首页</a>
						</li>
						<li>
							<a href="order_taking.html" title="订单大厅">订单大厅</a>
						</li>
						<li>
							<a href="buy.html" title="在线下单">在线下单</a>
						</li>
						<li>
							<a href="myOrder.html" title="我的订单">我的订单</a>
						</li>

					</ul>
					<div style="clear:both;"></div>
				</div>
				<div class="button-group">

					<ul class="button-list welcome" id="userinfo">
						<li>
							<a href="login.html" class="port fl"><img src="images/port.png" width="22" height="22"style="margin-right: 10px;" />登录</a>
						</li>
						<li style="display: none;">
							<p class="username fl">欢迎您，<span id="userMobile"></span>
							</p>
							<a class="loginout" href="javascript:order.loginOut()">退出</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="section top">
    <div id="homeBanner" class="banner banner-home" style="overflow: hidden; width: 100%; height: 100%;">
        <div class="video-shadow" style="width: 100%;"></div>
        <!-- <img src="images/home-banner-mask.png" alt="banner" width="100%" height="100%" style="position:absolute;filter:alpha(opacity=80)">   -->
        <!-- <div class="home-banner-mask"></div> -->
         <img id="home-video" src="images/timg.jpg" autoplay="" muted="" loop="" style="width: 100%;"></img>
         <div class="banner-content">
			<div style="margin:0 auto;position:relative;width:808px;">
				
			</div>	              
             <div class="banner-content-tt">
                
                <div class="banner-content-rt">
                    <ul id="homeChoiceHelpMethod">
                        <li class="homeBannerActived" data-type="buy"><span>帮我买</span></li>
                        <li data-type="send"><span>帮我送</span></li>
                        <li data-type="get"><span>帮我取</span></li>
                        <li data-type="team"><span>代排队</span></li>                   
                    </ul>
                    <div class="slideBlock">
                    </div>
                    <a id="homeNextStep" href="Buy.htm">立即下单</a>
                </div>                
            </div>            
         </div>   
        <div class="banner-content-footer" id="bannerFooter" style="background: rgb(47, 47, 47);">
            <div class="newSlogan" style="margin-left: 20px;">
                <img src="images/shield.png" alt="更安全" class="fl">
                <div class="fr">
                    <p class="title">更安全</p>
                    <p class="des">实名认证，更安全&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                </div>
            </div>
            <div class="newSlogan" style="margin:0 69px 0 73px;">
                <img src="images/trophy.png" alt="更专业" class="fl">
                <div class="fr">
                    <p class="title">更专业</p>
                    <p class="des">专业平台，更专业&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                </div>
            </div>
            <div class="newSlogan" style="margin-right: 20px;">
                <img src="images/quick.png" alt="更快速" class="fl">
                <div class="fr">
                    <p class="title">更快速</p>
                    <p class="des">实时更新，更快速&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                </div>
            </div>
        </div>     
    </div>
</div>
	</body>
</html>
